window.onload = function () {
  
    
    var url = "one.json"

    var request = new XMLHttpRequest();

    request.open("get", url);

    request.send(null);

    request.onload = function () {
  //200状态码，表示成功应答。表示数据请求成功
        if (request.status == 200) {
            var json = JSON.parse(request.responseText);
          console.log(json);
            var ol = document.getElementById('ol');
            var olo = document.getElementById('olo');
            var oloo = document.getElementById('oloo');
            var dztj = document.getElementById('dztj');
            var shenone = document.getElementById('shen');
        
            json.person.map(person => {
                var li = document.createElement("li");
                li.innerHTML = `${person.name}`
                    
                // li.innerHTML = `名字是${person.name} 图片是 <img src="${person.image}"> `;

                ol.append(li);

            })
            json.personone.map(person => {
                var li = document.createElement("li");
                li.innerHTML = `${person.name}`
                    
                // li.innerHTML = `名字是${person.name} 图片是 <img src="${person.image}"> `;
                olo.append(li);
            })

            json.persontow.map(person => {
                var li = document.createElement("li");
                li.innerHTML = `${person.name }`+`${person.sex}`
                // li.innerHTML = `名字是${person.name} 图片是 <img src="${person.image}"> `;
                oloo.append(li);

            })
              json.personthree.map(person => {
                var li = document.createElement("li");
                // li.innerHTML = `${person.name }`+`${person.sex}`
                li.innerHTML =`<img src="${person.img}">`+`<br/>`+`  名字是${person.name}`;
                dztj.append(li);
                
            })
            json.shen.map(person => {
              var li = document.createElement("li");
              li.innerHTML = `${person.name }`
              // li.innerHTML = `名字是${person.name} 图片是 <img src="${person.image}"> `;
              shenone.append(li);

          })
        

        }
    }
    $('#dztj').bind('click',function(){
  alert('sorry,此功能还没有开发')
    })

}

// function move(){
 
//     // child.onmousemove=function(){
//     //     alert('csdx')
//     // }
// }